<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>实现tab导航、反馈按钮固定效果</title>
<style type="text/css">
*{margin:0; padding:0;}
#wrap{width:962px; margin:0 auto; height:700px;}
.sidebar{float:left;}
.content{float:right;}
.banner{border:1px solid #d7d7d7; margin-top:54px;}
.tabnav{height:39px; position:fixed; top:0;}
.txt{margin-top:15px;}
.feedback{position: fixed;right: 50px;bottom: 30px;}
</style>
</head>

<body>
<div id="wrap">
     <div class="sidebar"><img src="http://img.mukewang.com/5326b45a0001875c01980261.jpg" width="198" height="261" /></div>
     <div class="content"> <a href="#"><img src="http://img.mukewang.com/5326b3fa0001d8ec07310185.jpg" width="731" height="185" class="banner" /></a>
          <div class="tabnav"><img src="http://img.mukewang.com/5326b47c0001d8c307380039.jpg" width="738" height="39" /></div>
          <div class="txt">
          <img src="http://img.mukewang.com/5326b4980001e38507370269.jpg" width="737" height="269" /></div>
  </div>
</div>
<img src="http://img.mukewang.com/5326b4340001b33300620060.jpg" width="62" height="60" class="feedback" />
</body>
</html>